@import './base.css';

.boxContent {
  width: 720px;
  margin: 0 auto;
}
body {
  padding: 0;
  margin: 0;
}

.el-input {
  background: transparent;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  height: 100% !important;
  font-size: inherit !important;
}
.el-input__wrapper {
  /* cursor: default; */
  padding: 0 6px !important;
  background: none !important;
  box-shadow: none !important;
  font-size: inherit !important;
}
.el-input__inner {
  /* cursor: default !important; */
  height: 100% !important;
}
.el-input__wrapper .is-focus {
  background: none !important;
  box-shadow: none !important;
}
.el-input__password {
  font-size: 12px !important;
}


 /* 单选时间选择框 */
.el-date-picker {
  width: 215px !important;
}
.el-picker-panel {
  line-height: 0 !important;
}
.el-date-picker__header-label {
  font-size: 10px !important;
}
.el-picker-panel__content {
  width: 200px !important;
  margin: 8px !important;
}
.el-picker-panel__icon-btn {
  font-size: 8px !important;
}
.el-picker-panel__content .el-date-table {
  font-size: 8px !important;
}
.el-picker-panel__content .el-date-table td {
  width: 15px !important;
  height: 15px !important;
  padding: 0 !important;
}
.el-date-table td .el-date-table-cell {
  height: 20px !important;
  font-size: 8px !important;
}
.el-date-table td .el-date-table-cell .el-date-table-cell__text {
  width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
}
.el-input__prefix {
  display: none !important;
}

/* 多选时间选择框 */
.el-date-range-picker {
  width: 430px !important;

}
.el-date-range-picker__header div {
  font-size: 10px !important;
}
.el-date-range-picker__content {
  padding: 5px !important;
}
.el-range-input {
  font-size: 8px !important;
  width: 48% !important;
}
.el-range__close-icon {
  display: none !important;
}
.el-range-separator {
  font-size: 100% !important;
  line-height: 0px !important;
}
.el-range__icon {
  display: none !important;
}



.el-select {
  background: transparent;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  height: 100% !important;
  font-size: inherit !important;
}
.el-select__wrapper {
  /* cursor: default; */
  padding: 0 6px !important;
  background: none !important;
  box-shadow: none !important;
  font-size: inherit !important;
  height: 100% !important;
  min-height: 0 !important;
}
.el-select__inner {
  /* cursor: default !important; */
  height: 100% !important;
}
.el-select__wrapper .is-focus {
  background: none !important;
  box-shadow: none !important;
}
.el-select__selection {
  font-size: inherit !important;
  height: 100% !important;
}
.el-select__input-wrapper {
  height: 100% !important;
  font-size: inherit !important;
}
.el-select__selected-item {
  height: 100% !important;
  font-size: inherit !important;
}
.el-select__placeholder {
  top: 40% !important;
}
.el-select__input {
  height: 100% !important;
  font-size: inherit !important;
}
.el-select .el-icon {
  width: 10px !important;
  height: 10px !important;
}
.el-option {
  background: transparent;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  height: 100% !important;
  font-size: inherit !important;
}
.el-option__label {
  font-size: inherit !important;
}
.el-option__label span {
  font-size: inherit !important;
}
.el-option__label span:hover {
  color: #FF9926 !important;
}
.el-option__label span:active {
  color: #FF9926 !important;
}
.el-option__label span:visited {
  color: #FF9926 !important;
  z-index: 999999 !important;
}
.el-select-dropdown__item {
  font-size: 7px !important;
  height: 20px !important;
  line-height: 20px !important;
  padding: 0 6px !important;
}

.el-textarea {
  background: transparent;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  height: 100% !important;
  font-size: inherit !important;
}
.el-textarea__inner {
  padding: 8px !important;
  background: none !important;
  box-shadow: none !important;
  font-size: inherit !important;
  height: 100% !important;
}



.el-carousel {
  width: 100% !important;
  height: 100% !important;
}
.el-carousel__container {
  width: 100% !important;
  height: 100% !important;
}
.el-carousel__item {
  width: 100% !important;
  height: 100% !important;
}
.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}

.el-carousel__arrow {
  width: 15px !important;
  height: 15px !important;
}
.el-carousel__arrow .el-icon {
  font-size: 8px;
}
.main_box {
  width: 720px;
  margin: 0 auto;
}

.el-image {
  width: 100% !important;
  height: 100% !important;
}

.el-rate {
  height: 10px !important;
}
.el-icon {
  height: 100% !important;
  margin-right: 0px !important;
}
.el-rate--small .el-rate__icon {
  font-size: 10px !important;
}
.el-rate__item {
  height: 100% !important;
}
.el-rate .el-rate__icon.is-active {
  color: #FF9926 !important;
}

.btn-prev {
  width: 32px !important;
  height: 16px !important;
  font-size: 7px !important;
}
.el-pager .number {
  /* width: 16px !important; */
  height: 16px !important;
  font-size: 7px !important;
}
.el-pager li {
  min-width: 16px !important;
}
.btn-next {
  width: 32px !important;
  height: 16px !important;
  font-size: 7px !important;
}

.el-pager .is-active {
  background-color: #1F52AE !important;
}


/* 针对WebKit内核浏览器的样式 */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 
/* 针对Firefox内核浏览器的样式 */
input[type="number"] {
  -moz-appearance: textfield;
}


/* 开关选择器样式 */
.el-switch__core {
  height: 12px !important;
}
.el-switch__action {
  width: 10px !important;
  height: 10px !important;
}



/* 滚动条样式 */
.el-scrollbar__bar.is-vertical {
  width: 4px !important;
}


.el-message__icon {
  font-size: 8px !important;
  /* display: none !important; */
}
.el-message__content {
  font-size: 8px !important;
}
.el-message {
  padding: 5px 20px !important;
  border-radius: 2px !important;
  min-width: 20px !important;
}

.circular {
  width: 18px !important;
  height: 18px !important;
}


.el-loading-mask {
  z-index: 1 !important;
}

.el-date-editor {
  width: 100% !important;
  height: 100% !important;
}

.el-date-editor .el-input__prefix {
  display: none !important;
}

.el-date-editor .el-input__inner {
  height: 100% !important;
  font-size: inherit !important;
}

.el-date-editor .el-input__prefix {
  display: none !important;
}
.el-range-input {
  width: 100% !important;
  height: 100% !important;
  line-height: 0 !important;
  font-size: 7px !important;
}
.el-range-separator {
  padding: 0 !important;
}

.el-upload {
  width: 100% !important;
  height: 44px !important;
  outline: none;
  border: none;
  z-index: 0 !important;
}
.el-upload--picture-card {
  width: 100% !important;
  height: 100% !important;
  border: 1px solid transparent !important;
  background: transparent !important;
}
.el-image-viewer__btn {
  width: 16px !important;
  height: 16px !important;
  font-size: 8px !important;
}
.el-image-viewer__actions {
  width: 160px !important;
  height: 20px !important;
}
.el-image-viewer__actions .el-icon {
  font-size: 12px !important;
}


.no_data {
  text-align: center;
  margin:  50px auto 0;
  padding-bottom: 20px;
}
.no_img {
  width: 190px;
  height: 130px;
}
/* .el-switch__input {
  width: 16px !important;
  height: 8px !important;
} */
/* #app {
  max-width: 720px;
  margin: 0 auto;
  padding: 10px;
  font-weight: normal;
}

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
  padding: 3px;
} */

/* @media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

@media (min-width: 1024px) {
  body {
    display: flex;
    place-items: center;
  }

  #app {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 2rem;
  }
} */
